import "./header.css";
import { DownOutlined } from "@ant-design/icons";
import { Dropdown, Space } from "antd";
const header = () => {
  const logo = require("./logo1.png");
  const avatar = require("./avatar.png");
  const items = [
    {
      label: "刷新页面",
      key: "0",
    },
    {
      label: "退出登录",
      key: "1",
    },
  ];
  return (
    <div className="header">
      <div className="box">
        <div className="left">
          <div className="pic-word">
            <img src={logo} alt="logo" />
            <div className="shu"></div>
            <p>财富管理</p>
          </div>
        </div>
        <div className="right">
          <div className="avatar">
            <img src={avatar} alt="avatar" />
            <p className="word">王富贵</p>
            <Dropdown
              menu={{
                items,
              }}
              trigger={["hover"]}
            >
              <Space>
                <DownOutlined style={{ color: "#fff" }} />
              </Space>
            </Dropdown>
          </div>
        </div>
      </div>
    </div>
  );
};
export default header;
